<template>
  <Layout>
    <!-- <PageHeaderNew :items="items"></PageHeaderNew> -->
    <div class="row">
      <div class="col-12">
        <div class="page-title-box">
          <h4 class="mb-0 newstyle">
            <div style="display:flex;">
              <div class="breadcrumb-item" v-for="(item,index) in items" :key="index">
                <span @click="jump(index)">{{item.text}}</span>
              </div>
            </div>
            <div class="title_right">查看该条数据生命周期</div>
          </h4>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xl-8">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">
              深挖！2022在海口买房，千万别忽视这3大片区！
            </h4>
            <div class="basicInfo">
              <span>来源：Zaker</span>
              <span>作者：新浪乐居</span>
              <span>23小时前</span>
              <span>社会</span>
              <span>房产行业</span>
              <span>网事小说</span>
              <span style="float:right;">导出原文</span>
              <span style="float:right;">查看原文</span>
            </div>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <p><strong>乐居买房讯</strong> 2021 年上半年，海口共引进人才落户 47698 人，认定高层次人才 1168 人，对于新海南人来说，在海口买房应该着重考虑哪个片区？无论是自行上网了解还是向中介咨询，海口未来发展最大的区域无外乎 " 江东新区、西海岸、国兴片区 "。</p>
            <p><strong>《江东新区》</strong></p>
            <p>发展方向：2018 年 6 月 3 日海南决定设立海口江东新区，作为建设中国（海南）自由贸易港的重点先行区域，战略定位是建设全面深化改革开放创新区、国家生态文明展示区、国际旅游消费中心、国家重大战略服务保障区，目前已签约引进世界 500 强企业超 21 家，政策的加持让购房者看到了江东新区国际化发展的态势。</p>
            <p><strong>生活配套：</strong>北京师范大学海口附属学校、海口哈罗学校、江东寰岛实验学校、海口寰岛小学、江东卫生院等。</p>
            <p><strong>交通配套：</strong>江东大道、白驹大道、海口绕城高速、文明东越江隧道、海文大桥。</p>
            <p><strong>规划建设中的配套：</strong>春晖园安置社区、椰青园安置社区、兰香园安置社区均配套学校，海南省中医院新院区，海南医学院第一附属医院江东新院区，海口市妇幼保健院江东园区等。</p>
            <p><strong>房价走势及楼盘推荐：</strong>片区的房价多为 15000-17500 元 /㎡区间内，购房客户以在江东新区及美兰机场等地工作的客群为主。江东新区获批的住宅土地较少，新项目的量少，且现在多处于规划建设阶段，百业待兴，生活上仍稍有不便，目前新盘主要以仁恒滨江园、万华 · 江东鹭岛为主。</p>
            <span id="post_statement"><p> 特别声明：本文新闻来源“Zaker”，版权归原作者所有，内容仅代表作者本人观点，不代表思通数据的立场。如有任何疑问或需要删除，请联系kf@stonedt.com</p></span>
          </div>
        </div>
      </div>
      <div class="col-xl-4">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">行业</h4>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">事件</h4>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">文章分类</h4>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">机构名称</h4>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">情感</h4>
          </div>
        </div>
        <div class="card">
          <div class="card-body">
            <h4 class="card-title mb-3">省市地区</h4>
          </div>
        </div>
      </div>
    </div>
  </Layout>
</template>
<script>
import Layout from "../../layouts/main";
// import PageHeaderNew from "@/components/page-header-new";
export default {
  components: {
    Layout,
    // PageHeaderNew,
  },
  data () {
    return {
      items: [
        {
          text: "数仓管理",
          url: "/datahouse",
        },{
          text: "资讯详情",
          url: "/",
        }
      ],
    }
  },
  methods: {
    jump(i){
      if(i==this.items.length-1){
        return;
      }
      this.$router.push(this.items[i].url)
    }
  }
}
</script>
<style lang="scss" scoped>
.card-title{
  font-size: 18px;
  font-weight: 600;
}
.basicInfo{
  span{
    margin-left: 20px;
  }
  span:first-child{
    margin-left: 0px;
  }
}
#post_statement {
  font-size: 12px;
  text-align: center;
}
.newstyle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  .breadcrumb-item{
    span{
      cursor: pointer;
    }
  }
  .breadcrumb-item:last-child{
    span{
      cursor: default;
    }
  }
}
.title_right{
  font-weight: normal;
  font-size: 0.7rem;
  color: #74788d;
}
</style>
